




// 省略
@mixin ellipsis($line:1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
  overflow: hidden;
}

//自定义文本
@mixin text($line:1,$color:$uni-text-color-base,$size:$uni-font-size-base){
 color:$color ;
 font-size:$size ;
 @include ellipsis($line);
}

//正文
@mixin textMain($line:1){
 color:$uni-text-color-base ;
 font-size:$uni-font-size-base ;
 @include ellipsis($line);
}


@mixin textAux($line:1){
 color:$uni-text-aux-color ;
 font-size:$uni-font-size-base ;
 @include ellipsis($line);
}
//水平垂直居中
@mixin center(){
	display: flex;
	justify-content: center;
	align-items: center;
}


@mixin btnMap(){
	@include btn($bg:#fe7354,$width:140rpx, $height:80rpx,$size:34rx,$color:#fff,$radius:40rpx);
	@include center();
	opacity: 0.9;
	

}

//自定义按钮
@mixin btn($bg:null,$width:168rpx, $height:80rpx,$size:32rpx,$color:#fff,$radius:6rpx){
   
@if ($bg){ background: $bg;	}
	@else{
		background-image:linear-gradient(90deg,#68DB95  0,#5EC39B 100%) ;
		}
	width: $width;
	height: $height;
	border-radius: $radius;
	color:$color;
	font-size:$size ;
	@include center();
	
&:active {					 
	   opacity: 0.7;
	   // margin-top: 18rpx;
	   //  margin-bottom: 2rpx;
	   //  box-shadow:
	   //    0px 2rpx 0rpx 0rpx #34C37F, /* button thickness */
	   //    0px 0 100rpx 10rpx rgba(134, 243, 255, 1) inset, /* inner glow */
	   //    5rpx 25rpx 0rpx rgba(255,255,255,.1) inset, /* sublte reflection */
	   //    0rpx 0px 3r0px rgba(134,243,255,.5), /* outer glow */
	   //    5rpx 15rpx 30rpx -10rpx #000; /* dark shadow underneath */
	   //  filter: saturate(1.7);
}
}


//主按钮
@mixin btnMain(){
   
	@include btn();
	@include center();

}
//主按钮
@mixin btnCancel(){
    box-sizing: border-box;
	width: 168rpx;
	height: 60rpx;
	border-radius: 6rpx;
	color: $uni-text-aux-color ;
	font-size:32rpx ;
	@include center();
    border: #e5e5ee solid 2rpx;
			&:active {
							 
			  opacity: 0.7;
				}
}
//副按钮
@mixin btnAux(){
   
@include btn();
@include center();	
	background-image: linear-gradient(90deg,#FFC440 0,#FCB36E 100%);
		
}

//其他
@mixin btnOther(){
   
	@include btn();
	@include center();	
	background:#37A2FF  ;

}

